<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="slider.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GSC</title>
</head>
<body>
    <header>
        <div class="header-up">
            <a href="https://us.hikvision.com/en/blog" class="header-up-item">HikWire Blog</a>
            <a href="https://us.hikvision.com/en/partners/authorized-distributors" class="header-up-item">Authorized Distributors</a>
            <a href="#" class="header-up-item"><img src="images/search-solid.svg" alt="search-icon" class="search-icon"></a>
            <a href="#" class="header-up-item"><img src="images/user.svg" alt="user-icon" class="user-icon">Login</a>
        </div>
        <div class="header-menu">
            <div class="logo"></div>
            <div class="menu">
                <a href="#" class="header-menu-item">Home</a>
                <a href="https://us.hikvision.com/en/support-resources" class="header-menu-item">Support & Resources</a>
                <a href="https://us.hikvision.com/en/catalogs-brochures/catalogs" class="header-menu-item">Catalogs & Brochures</a>
                <a href="https://us.hikvision.com/en/announcements/press-mentions" class="header-menu-item">Announcements</a>
                <a href="https://us.hikvision.com/en/partners/ae-partner" class="header-menu-item">Partners</a>
                <a href="https://us.hikvision.com/en/about/hikvision-global" class="header-menu-item">About</a>
                <a href="https://us.hikvision.com/en/contact-usa" class="header-menu-item">Contact</a>
            </div>
        </div>
    </header>
                                <!-- Menu panel -->

    <div class="content">
        <div class="menu-panel">
            <ul class="nav">
                <li><a href="https://us.hikvision.com/en/products/cameras" class="nav-item">CAMERAS</a><ul class='ul'>
                    <li><a href="https://us.hikvision.com/en/products/cameras/network-camera" class="one item">network camera</a></li>
                    <li><a href="https://us.hikvision.com/en/products/cameras/turbohd-analog-camera" class="item">turbohd camera</a></li>
                    <li><a href="https://us.hikvision.com/en/products/cameras/turbohd-analog-ptz-camera" class="item">ptz camera</a></li>
                    <li><a href="https://us.hikvision.com/en/products/cameras/network-ptz-camera" class="item">network ptz camera</a></li>
                    <li><a href="https://us.hikvision.com/en/products/cameras/thermal-camera" class="item">thermal camera</a></li>
                </ul></li>
                <li><a href="#" class="nav-item">video recorders</a><ul class="ul">
                    <li><a href="#" class="one item">network video recorders</a></li>
                    <li><a href="#" class="item">digital video recorders</a></li>
                </ul></li>
                <li><a href="#" class="nav-item">software</a></li>
                <li><a href="#" class="nav-item">products</a><ul class="ul">
                    <li><a href="#" class="one item">camera</a>
                        <ul class='Mp-ul'>
                            <li><a href="#" class="Mp">MP2</a></li>
                            <li><a href="#" class="Mp">MP3</a></li>
                            <li><a href="#" class="Mp">MP5</a></li>
                            <li><a href="#" class="Mp">MP8</a></li>
                        </ul>
                    </li>
                    <li><a href="#" class="item">access control</a></li>
                    <li><a href="#" class="item">video intercom</a></li>
                    <li><a href="#" class="item">alarm products</a></li>
                    <li><a href="#" class="item">display products</a></li>
                </ul>
            </li>
            </ul>
        </div>
                                <!-- Sider -->

            <div class="slider">
                <div class="all">
                    <input checked type="radio" name="respond" id="desktop">
                        <article id="slider">
                                <input checked type="radio" name="slider" id="switch1">
                                <input type="radio" name="slider" id="switch2">
                                <input type="radio" name="slider" id="switch3">
                                <input type="radio" name="slider" id="switch4">
                                <input type="radio" name="slider" id="switch5">
                            <div id="slides">
                                <div id="overflow">
                                    <div class="image">
                                        <article><img src="images/1.jpg"></article>
                                        <article><img src="images/2.jpg"></article>
                                        <article><img src="images/3.jpg"></article>
                                        <article><img src="images/4.jpg"></article>
                                        <article><img src="images/5.jpg"></article>
                                    </div>
                                </div>
                            </div>
                            <div id="controls">
                                <label for="switch1"></label>
                                <label for="switch2"></label>
                                <label for="switch3"></label>
                                <label for="switch4"></label>
                                <label for="switch5"></label>
                            </div>
                            <div id="active">
                                <label for="switch1"></label>
                                <label for="switch2"></label>
                                <label for="switch3"></label>
                                <label for="switch4"></label>
                                <label for="switch5"></label>
                            </div>
                        </article>
                </div>
            </div>
                                         <!-- container -->

            <section class="container">

                <!-- left blok -->
                <div class="blog">
                    <div class="up">
                        <h2 class="blog-heading heading">HIKWIRE BLOG</h2>
                        <div class="arrows"></div>
                    </div>
                    <div class="blog-text">
                        <div class="text-block">
                            <h3 class="text-heading">DECEMBER 02, 2020</h3>
                            <p class="text">
                                New Cost-Effective, Wi-Fi Enabled Hikvision 
                                Temperature Screening 
                                Terminal with Access Control a Perfect 
                                Solution for Small Retailers
                            </p>
                        </div>
                        <div class="text-block">
                            <h3 class="text-heading">DECEMBER 01, 2020</h3>
                            <p class="text">
                                Hikvision’s Senior Cybersecurity 
                                Director on Current Cyber Threats: 
                                Zero-Day Vulnerability Exploits and 
                                Ransomware on the Rise
                            </p>
                        </div>
                        <div class="text-block">
                            <h3 class="text-heading">NOVEMBER 30, 2020</h3>
                            <p class="text">
                                Hikvision’s Senior Cybersecurity 
                                Director on Current Cyber Threats: 
                                Zero-Day Vulnerability Exploits and 
                                Ransomware on the Rise
                            </p>
                        </div>
                    </div>
                    <div class="event">
                        <div class="up">
                            <h2 class="blog-heading heading">event</h2>
                            <div class="arrows"></div>
                        </div>
                        <h4 class="event-heading">No upcoming events.</h4>
                        <a href="https://us.hikvision.com/en/announcements/events/past-events" class="event-link">Click here to see all our past events</a>
                    </div>
                </div>
                <!-- center blok -->
                <div class="new">
                    <div class="up">
                        <h2 class="heading">PRODUCT SPOTLIGHT</h2>
                        <a href="#" class="arrows" id="left"></a>
                        <a href="#" class="arrows" id="right"></a>
                    </div>
                    <div class="product-content">
                        <a href="#" class="new-product">
                            <div class="product-image" id="left-top">
                                <div class="new-icon"><span class="new-span">new</span></div>
                            </div>
                            <p class="product-name">DS-2cd6924g0-ihs</p>
                            <span class="product-span">180" Stitched 8MP PanoVu Camera</span>
                        </a>
                        <a href="#" class="new-product">
                            <div class="product-image" id="right-top">
                                <div class="new-icon"><span class="new-span">new</span></div>
                            </div>
                            <p class="product-name">DS-2cd6924g0-ihs</p>
                            <span class="product-span">180" Stitched 8MP PanoVu Camera</span>
                        </a>
                        <a href="#" class="new-product">
                            <div class="product-image" id="left-bottom">
                                <div class="new-icon"><span class="new-span">new</span></div>
                            </div>
                            <p class="product-name">DS-2cd6924g0-ihs</p>
                            <span class="product-span">180" Stitched 8MP PanoVu Camera</span>
                        </a>
                        <a href="#" class="new-product">
                            <div class="product-image" id="right-bottom">
                                <div class="new-icon"><span class="new-span">new</span></div>
                            </div>
                            <p class="product-name">DS-2cd6924g0-ihs</p>
                            <span class="product-span">180" Stitched 8MP PanoVu Camera</span>
                        </a>
                    </div>
                    
                </div>
                <!-- right blok -->
                <div class="d">
                    <div class="up">
                        <h2 class="heading">3D PRODUCT MODELS</h2>
                        <div class="arrows"></div>
                    </div>
                    <a href="#" class="d-content">
                        <div class="d-image"></div>
                        <button class="d-button">
                            <div class="button-text">download our product guide</div>
                            <div class="arrows"></div>
                        </button>
                    </a>
                    <div class="up">
                        <h2 class="heading">TWEETS ABOUT US</h2>
                        <div class="arrows"></div>
                    </div>
                    <div class="miban">Գովազդ</div>
                </div>
            </section>
            <div class="container-bottom">
                <a href="#" class="cont-bottom-a">
                    <div class="cont-bottom-icon">
                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="shield-alt" class="svg-inline--fa fa-shield-alt fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="red" d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z"></path></svg>
                    </div>
                    <div class="cont-bottom-span">
                        <span class="span-up">check</span>
                        <span class="span-down">our cybersecurity center</span>
                    </div>
                </a>
                <a href="#" class="cont-bottom-a">
                    <div class="cont-bottom-icon">
                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trophy" class="svg-inline--fa fa-trophy fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="red" d="M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z"></path></svg>
                    </div>
                    <div class="cont-bottom-span">
                        <span class="span-up">view>></span>
                        <span class="span-down">our awards</span>
                    </div>
                </a>
                <a href="#" class="cont-bottom-a">
                    <div class="cont-bottom-icon">
                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="desktop" class="svg-inline--fa fa-desktop fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="red" d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"></path></svg>
                    </div>
                    <div class="cont-bottom-span">
                        <span class="span-up">watch>></span>
                        <span class="span-down">cybersecurity webinar</span>
                    </div>
                </a>
                <a href="#" class="cont-bottom-a">
                    <div class="cont-bottom-icon">
                        <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="red" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>
                    </div>
                    <div class="cont-bottom-span">
                        <span class="span-up">visit>></span>
                        <span class="span-down">our youtube channel</span>
                    </div>
                </a>
            </div>
    </div>
    <footer>
        <div class="footer">
            <div class="footer-layer">
                <div class="footer-layer2">
                    <div class="footer-item">
                        <h2 class="footer-heading">hikvision</h2>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                    </div>
                    <div class="footer-item">
                        <h2 class="footer-heading">our product</h2>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                    </div>
                    <div class="footer-item">
                        <h2 class="footer-heading">support-resources</h2>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                    </div>
                    <div class="footer-item">
                        <h2 class="footer-heading">partners</h2>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                        <div class="footer-text">Automated q&a</div>
                    </div>
                </div>
            </div>  
        </div>
        <div class="footer-bottom">
            <div class="f-b-container">
                <span class="f-b-text">© Hangzhou Hikvision Digital Technology Co., Ltd. All Rights Reserved.</span>
                <a href="https://us.hikvision.com/en/support-resources/privacy-policy" class="f-b-link">Privacy Policy</a>
            </div>
        </div>
    </footer>
   <script src="main.js"></script> 
</body>
</html>